﻿<template>
    <el-container style="background: #f2f6fa; height: 100%;">
        <el-header style="height:auto;padding-top:20px;">
            <div v-if="title"
                 style="padding-bottom:20px;">
                <span v-if="title"
                      style="color:#909399;">
                    <i v-if="icon"
                       :class="icon"
                       style="margin-right:5px;"></i>
                    {{title}}
                </span>
            </div>
            <slot name="header"></slot>
        </el-header>
        <el-main style="padding-top:0">
            <slot></slot>
        </el-main>
    </el-container>
</template>

<script>
    export default {
        props: {
            title: {
                default: undefined
            },
            icon: {
                default: undefined
            }
        }
    }
</script>

<style scoped>
</style>